<script>
export default {

  name: 'wii-second',

  data() {

    return {

      myProp: '我是data的值, 只是为了证明props不是走这儿'

    }

  },

  props: {

 

  },

  render: function(createElement) {


    return createElement(

      'div', {

        class: [{

          'wii-second': true

        }, 'blue-color'],

 

        style: {

          color: 'green'

        },

         attrs: {

          id: 'second',

          title: '测试'

        },


        props: {

          myProp: 'bar'

        },


        on: {

          click: this.clickHandler

        },


      }, [

        `我是第二个组件测试, 点我触发组件内部click和外部定义的@click.native事件。`,

        createElement('div', `${this.myProp}`),

        createElement('button', {

          on: {

            click: this.buttonClick

          }

        }, '触发emit')

      ]

    )

  },

  methods: {

    clickHandler() {

      console.log('我点击了第二个组件，这是组件内部触发的事件')

    },

    buttonClick(e) {

      e.stopPropagation() // 阻止事件冒泡 等价于 click.stop

      console.log('我点击了第二个组件的button，将会通过emit触发外部的自定义事件')

      this.$emit('on-click-button', e)

    }

  }

}
</script>